@charset "utf-8";
body{
	background-image: url(../images/page-bg.jpg) ;
}


.PlayEy {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 653px;
	height: 653px;
	background: url(../images/bg_circle.png),url(../images/bg_center.png) no-repeat center;
}

.Btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95px;
	height: 95px;
	background-color: yellow;
	background: url(../images/btn-bg.png) no-repeat;
	animation: Btn-bg 3s linear infinite;
}

.Play {
	position: absolute;
	width: 26px;
	height: 36px;
	background: red;
	background: url(../images/pause.png) no-repeat;
	transition: .5s;
}

.btns-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px auto;
	width: 653px;
	height: 653px;
}

@keyframes Btn-bg {
	from {}
	to {
		transform: rotate(360deg);
	}
}
